$logo-font-color: #fff; //logo字体颜色
$logo-bg-color: #16527a; //logo背景色
$header-bg-color: #16527a; //头部背景色
$header-font-color: #fff;
$link-color: #16527a;
$side-menu-bg-color: #fff;
$side-menu-item-bg-hover-color: #ecf5ff;
$side-menu-item-font-hover-color: #0f9bf8;
$side-menu-font-color: #16527a;
$btn-color: #606266;
$btn-border-color: #dcdfe6;
$btn-bg-color: #ffffff;
$btn-hover-bg-color: #f5f6f7;
$btn-hover-font-color: #16527a;
$table-select-bg-color: #e6f0f5;
$color-fff: #ffffff;

.side_model .skin_violet .them-side {
  background-color: $side-menu-bg-color;
}
.side_model .skin_violet .them-logo {
  background-color: $logo-bg-color;
}
.side_model .skin_violet .them-header {
  background-color: $header-bg-color;
}
.side_model .skin_violet .them-side {
  background-color: $side-menu-bg-color;
}
.side_model .skin_violet .them-name {
  color: $link-color;
}
.side_model .skin_violet .them-border {
  border: 1px solid $link-color;
}
.skin_violet {
  .navbar {
    background-color: $header-bg-color;
    .hamburger-container,
    .hamburger,
    .down-app {
      fill: currentColor;
      color: $header-font-color !important;
    }
    .org-name {
      color: $header-font-color !important;
    }
    .right-menu {
      .right-menu-item {
        color: $header-font-color !important;
        a {
          color: $header-font-color !important;
        }
      }
    }
    .avatar-container {
      color: $header-font-color !important;
      a {
        color: $header-font-color !important;
      }
    }
    .app-breadcrumb.el-breadcrumb {
      .no-redirect,
      .el-breadcrumb__inner a {
        color: $header-font-color !important;
      }
    }
  }
  .sidebar-container .sidebar-logo-container {
    background-color: $logo-bg-color;
    .sidebar-title {
      color: $logo-font-color;
    }
  }
  .sidebar-container .scrollbar-wrapper {
    background-color: $side-menu-bg-color;
  }
  .popover_btnList {
    p:hover {
      color: $link-color;
    }
  }
  .el-dropdown-link {
    cursor: pointer;
    color: $link-color;
  }
  .el-dropdown {
    color: $link-color;
  }
  .el-tabs__active-bar {
    background-color: $link-color;
  }
  .el-dropdown-menu__item {
    min-width: 40px;
    span {
      font-size: 14px;
    }
    &:hover {
      color: $link-color !important;
    }
  }
  .tags-view-container {
    .tags-view-wrapper {
      .tags-view-item {
        &.active {
          background-color: $link-color;
          color: $header-font-color;
          border-color: $link-color;
        }
      }
    }
  }
  .el-switch__label.is-active {
    color: $link-color;
  }
  .el-switch.is-checked .el-switch__core {
    background-color: $link-color;
    border-color: $link-color;
  }
  .scan-input-box {
    .el-input-group__prepend {
      border-color: $link-color;
      color: $link-color;
    }
    .el-input__inner {
      border-color: $link-color;
    }
  }
  .header-search-select-box {
    border: 1px solid $link-color;
    .btn {
      border-left-color: $link-color !important;
    }
  }
  //控制台
  .dashboard-container {
    .el-pager li.active {
      color: $link-color;
    }
    .monthly-nav {
      .monthly-nav-item {
        .monthly-nav-item-check-btn {
          background-color: $link-color;
        }
      }
    }
    .titleSelf-linestyle {
      background-color: $link-color;
    }
    .box-padding {
      h4 {
        color: $link-color;
      }
    }
  }

  .iconlist div span:hover {
    color: $link-color;
    cursor: pointer;
  }

  .shopping-cart-del-select:hover,
  .actionBtn:hover {
    color: $link-color;
    text-decoration: underline;
  }

  .layui-layout-admin .layui-header a,
  .layui-layout-admin .layui-header a cite,
  .layui-layout-admin .layui-header a i,
  .el-button--default:not(.is-disabled).btn-login,
  .el-button--medium:not(.is-disabled).btn-login,
  .el-button--small:not(.is-disabled).btn-login,
  .el-button--mini:not(.is-disabled).btn-login {
    color: $header-font-color;
  }

  .layui-layout-admin .layui-header {
    background-color: $header-bg-color;
  }

  .layui-layout-admin .layui-logo,
  .layui-layout-admin .layui-logo a {
    color: $logo-font-color;
    background-color: $logo-bg-color;
  }

  .el-menu,
  .sizeMenuBox {
    background-color: $side-menu-bg-color;
  }

  .el-menu-item.is-active {
    background-color: $side-menu-item-bg-hover-color;
  }

  .el-menu-item:not(.is-active) {
    background-color: $side-menu-bg-color;
  }

  .el-menu-item:not(.is-active),
  .el-sub-menu__title {
    color: $side-menu-font-color;
    &:hover {
      color: $side-menu-item-font-hover-color;
      background-color: $side-menu-item-bg-hover-color;
    }
  }
  .model-panel .model-panel-title p,
  .model-card .model-card-title p,
  .layadmin-backlog-body p,
  .actionBtn,
  .el-tabs__item:hover,
  .el-tabs__item.is-active {
    color: $link-color;
  }
  .el-menu-item.is-active {
    color: $side-menu-item-font-hover-color;
  }
  .router-link-exact-active .el-menu-item {
    color: $link-color !important;
    background-color: $side-menu-item-bg-hover-color !important;
  }
  .el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
  .el-table__body tr.current-row > td,
  .el-tree--highlight-current
    .el-tree-node.is-current
    > .el-tree-node__content {
    background-color: $table-select-bg-color;
  }

  .el-button--default:not(.is-disabled),
  .el-button--medium:not(.is-disabled),
  .el-button--small:not(.is-disabled),
  .el-button--mini:not(.is-disabled),
  .el-button.el-button--default:focus,
  .el-button.el-button--medium:focus,
  .el-button.el-button--small:focus,
  .el-button.el-button--mini:focus {
    color: $btn-color;
    background-color: $btn-bg-color;
    border-color: $btn-border-color;

    &:hover {
      color: $btn-hover-font-color;
      background-color: $btn-hover-bg-color;
      border-color: $btn-border-color;
    }
  }
  .supplier-item-checked {
    color: $btn-color;
  }
  .el-select-dropdown__item.selected,
  .el-select-dropdown.is-multiple .el-select-dropdown__item.selected,
  .el-date-table td.today span {
    color: $link-color;
  }

  .el-cascader-node.in-active-path,
  .el-cascader-node.is-active,
  .slip-edit,
  .el-cascader-node.is-selectable.in-checked-path {
    color: $link-color;
  }

  .el-input__inner:focus,
  .el-select .el-input__inner:focus {
    border-color: $link-color;
  }

  .el-button--default:hover,
  .el-button--medium:hover,
  .el-button--small:hover,
  .el-button--mini:hover,
  .el-button--default:not(.el-button--primary):hover,
  .el-button--medium:not(.el-button--primary):hover,
  .el-button--small:not(.el-button--primary):hover,
  .el-button--mini:not(.el-button--primary):hover {
    color: $link-color;
    background-color: $btn-bg-color;
    border-color: $link-color;
  }

  .el-button--primary.is-disabled,
  .el-button--primary.is-disabled:active,
  .el-button--primary.is-disabled:focus,
  .el-button--primary.is-disabled:hover {
    background-color: $link-color;
    border-color: $link-color;
    opacity: 0.7;
  }

  .el-button--primary,
  .el-button--default:not(.is-disabled).btn-login,
  .el-button--medium:not(.is-disabled).btn-login,
  .el-button--small:not(.is-disabled).btn-login,
  .el-button--mini:not(.is-disabled).btn-login,
  .el-button--primary:hover,
  .el-button--primary:focus {
    background-color: $link-color;
    border-color: $link-color;
  }

  .el-pagination__sizes .el-input .el-input__inner:hover {
    border-color: $link-color;
  }

  .el-range-editor.is-active,
  .el-range-editor.is-active:hover,
  .el-select .el-input.is-focus .el-input__inner {
    border-color: $link-color;
  }

  .el-radio__input.is-checked .el-radio__inner {
    background-color: $link-color;
    border-color: $link-color;
  }

  .el-checkbox__inner:hover,
  .el-checkbox__input.is-focus .el-checkbox__inner,
  .el-radio__inner:hover,
  .el-textarea__inner:focus {
    border-color: $link-color;
  }

  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner,
  .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    background-color: $link-color;
    border-color: $link-color;
  }
  .el-checkbox__input.is-checked.is-disabled .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate.is-disabled .el-checkbox__inner,
  .el-radio-button__orig-radio:checked.is-disabled + .el-radio-button__inner {
    background-color: #dcdfe6;
    border-color: #dcdfe6;
  }
  .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    box-shadow: -1px 0 0 0 $link-color;
  }

  .el-radio__input.is-checked + .el-radio__label,
  .el-radio-button__inner:hover {
    color: $link-color;
  }

  .el-pagination.is-background .el-pager li:not(.disabled).active,
  .el-date-table td.end-date span,
  .el-date-table td.start-date span {
    background-color: $link-color;
  }

  .el-dialog__headerbtn .el-dialog__close:hover,
  .el-message-box__headerbtn .el-message-box__close:hover,
  .slip-edit:hover {
    color: $link-color !important;
  }
  .dashboard-msg-link {
    color: $link-color;
  }
  .left-container-title,
  .right-container-title {
    color: $link-color;
  }
}
